body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td  {margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 }
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
html{min-width: 1200px;width: 100%;overflow-x: hidden;position: relative;}
.index_body{width: 100%;display: inline-block;}

.user-box-a{display: block;text-decoration: none;}
.header_box{position: fixed;height: 60px;width: 100%; line-height: 60px;background: rgba(0,0,0, 0.6);z-index: 999;top: 0px;}
.header-con{width:1200px;margin: 0 auto;height: 60px;}
.user-box{float: right;position: relative;display: inline-block;}
.theadRbox .usericon{width: 40px;height: 40px;margin-top: 10px;float: left;display: block;}
.user-name{float: left;color: #fff;padding: 0px 0px 0px 10px;line-height: 60px;}
.user-name:hover{color: #41eb8a;cursor: pointer;}    
.user-list{width: 120px;margin: 0 auto;margin-top: 60px;width: 120px;display: none;background: rgba(0,0,0, 0.6);text-align: center;} 
.user-list li a{height: 48px;line-height: 48px;  color: #fff;	display: block;text-decoration: none;}
.user-list li a:hover{color: #41eb8a;cursor: pointer;}    
.icon-arrow-down {margin-left: 10px;width: 16px;height: 16px; background: url(../img/icon-arrow-down.png) no-repeat center;    display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.user-box:hover .user-list{display: block;}
.theader_logo{display: block;float: left;width: 40%;max-width: 200px;margin-top: 14px;}
@media (max-width: 480px) {
.theader_logo{display: block;float: left;left: 10%;width: 40%;max-width: 200px;}
}
.theadRbox{float: right;height: 100%;margin-right: 0px;position: relative;}
.theadRbox img{display: block;float: left;margin-top: 18px;}
.listbox{float: right;width: 120px;}
.theadRbox .person{display: block;}
.theadRbox .list{margin-left: 30px;margin-top: 22px;}
   

.list-row{ margin-left: -25px;}

.list-row{width: 120px;background: rgba(0,0,0, 0.6);margin-top: 60px;text-align: center;display: none;}
.listbox:hover .list-row{display: block;}
.list-row li a{color: #fff;}
.list-row li a:hover{color: #41eb8a;text-decoration: none;}
.list-row li{height: 48px;line-height: 48px;}
img{ vertical-align: middle;    border: 0;}




.user-body{width: 1200px;margin-top: 60px;margin: 120px auto 35px auto;overflow: hidden;}


/*//zuoce*/
.user-body-left{width: 410px;border-right: 1px solid #e5e5e5;height: 780px;float: left;}
.user-body-left-box{width: 260px;margin-top: 50px;margin-left: 65px;}
.user-header-icon{display: block;width: 120px;height: 120px;}
.imgfile{display: none;}
.imgheader{display: block;width: 120px;height: 120px;margin: 0 auto;border-radius: 60px;overflow: hidden;}
.user-body-name{font-size: 22px;line-height: 40px;margin-top: 20px;text-align: center;width: 200px;overflow: hidden;text-overflow:ellipsis;
white-space: nowrap;margin: 20px auto 10px auto;color: #343434;}
.user-body-time{color: #333333;font-size: 16px;text-align: center;line-height: 30px;margin-top: 13px;text-align: center;
margin-bottom: 25px;}
.realname{width: 260px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #fff;background: #d8d8d8;
border-radius:5px ;cursor: pointer;}
#send-auth-email{cursor: pointer;}
.realname a{color: #fff;text-decoration: none;}

.realname-true{color: #fff;background: #41eb8a !important;}
.icon-user-id{
    background-size: 32px;
    margin-right: 5px;
    background-image: url(../img/icon-user-id.png);    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;display: none;
    background-position: center;    font-style: italic;font-size: 16px;height: 32px;width: 32px;}
.realname-true .icon-user-id{display: inline-block;}
.realemail-true .icon-mail-id{display: inline-block;}
.realemail-true{color: #fff;background: #41eb8a !important;}
.icon-mail-id{background-size: 32px;
    margin-right: 5px;
    background-image: url(../img/icon-user-email.png);    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;display: none;
    background-position: center;    font-style: italic;font-size: 16px;height: 32px;width: 32px;}


.realemail{width: 260px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #fff;background: #d8d8d8;
border-radius:5px ;margin-top: 30px;}
.user-body-b{font-size: 24px;text-align: center;color: #333;line-height: 60px;margin-top: 50px;}
.user-body-balance{font-size: 16px;text-align: center;line-height: 30px;color: #7b7b7b;margin-top: 10px;}
.user-body-balance-num{text-align: center;color: #41eb8a;font-size: 46px;line-height: 50px;}
.turnout{width: 260px;height: 60px;line-height: 60px;text-align: center;
font-size: 22px;color: #fff;background: #41eb8a;
border-radius:5px ;}
.turnout a{display: block;width: 100%;height: 100%;text-decoration: none;color: #fff;margin-top: 30px;}


/*right*/
.user-body-right{width: 758px;margin-left: 12px;height: 780px;float: left;}
.user-body-right-top{width: 752px;height: 143px;

-webkit-box-shadow: 0px 2px 35px -14px #333;
box-shadow: 0px 2px 35px -14px #333;
-moz-box-shadow: 0px 2px 35px -14px #333;
}

.user-body-right-top-left{padding-left: 40px;float: left;width: 335px;}
.user-body-right-top-right{padding-left: 40px;float: left;width: 335px;}
.user-body-right-topp{color: #333;font-size: 18px;line-height: 50px;}
.user-body-right-top-div{font-size: 46px;color: #41eb8a;line-height: 75px;}
.user-body-right-top1{overflow: hidden;}
.user-body-right-top1  li p{color: #343434;line-height: 36px;margin-top: 20px;}
.user-body-right-top1 li{
	margin-left: 26px;
	font-size:16px;
    float: left;
    list-style: disc;padding: 0px 5px;color: red;width: 758px;}
.user-body-right-top2{font-size: 24px;color: #333;margin-left: 5px;line-height: 36px;margin-top: 18px;font-weight: bold;}
 
 .user-body-right-top3{overflow: hidden;}
.user-body-right-top3  li p{color: #343434;line-height: 36px;margin-top: 20px;}
.user-body-right-top3 li{margin-left: 26px;float: left;font-size:16px;float: left;list-style: disc;padding: 0px 5px;color: red;width: 240px;}

.btngetb{width: 260px;height: 60px;margin:35px  auto 45px auto;  line-height: 62px;border-radius: 6px; background: #41eb8a;font-size: 24px;text-align: center;color: #ffffff;cursor: pointer;display: block;}

.user-body-right-bottom-box{width: 768px;border-top: 1px solid #e5e5e5;}
.right-bottom-box-font1{font-size: 22px;color: #333;font-weight: bold;line-height: 45px;margin-top: 26px;}
.right-bottom-font2{}

.right-bottom-font2{overflow: hidden;}
.right-bottom-font2  li p{color: #343434;line-height: 40px;}
.right-bottom-font2 li{margin-left: 26px;font-size:16px;float: left;list-style: disc;padding: 0px 5px;color: red;width: 758px;}

.change-box{height: 45px;padding-left: 28px;line-height: 45px;color: #343434;font-size: 16px;margin-bottom: 10px;}
.change-box-left{float: left;}
.change-box-right{float: left;}
.change-box-right-border{border: 1px solid #e5e5e5;width: 246px;height: 43px;border-radius: 6px;margin-left: 10px;
position: relative;float: left;}

.border-input{height: 43px;width: 155px;display: block;outline: none;float: left;border: none;padding-left: 15px;}
.border-font{float: right;line-height: 45px;color: #333;padding-right: 25px;}

.border-copy{width: 114px;height: 45px;text-align: center;line-height: 45px;color: #FFF;float: left;
margin-left: 25px;background: #41eb8a;border-radius: 6px;}
.border-input-width{width: 224px;}
.right-bottom-font3{color: #b6b6b6; margin-left: 26px;font-size: 16px;line-height: 20px;}



/*记录*/
.Record-code{width: 1157px;margin: 0 auto;display: block;margin-bottom: 35px;}
.Record-code-title{font-size: 24px;line-height: 64px;font-weight: bold;position: relative;}
.Refresh-box{position: absolute;right: 0px;top: 0px;}
.Refresh-box img{width: 28px;height: 24px;cursor: pointer;}

.Record-code-ul li{list-style: none;border-top:1px solid #e5e5e5;line-height: 40px;height: 40px;}

.Record-code-ul-header .li1,.Record-code-ul-header .li2,.Record-code-ul-header .li3,.Record-code-ul-header .li4,.Record-code-ul-header .li5{color: #333333 !important;}
.Record-code-ul li div{color: #7b7b7b;float: left;}
.Record-code-ul li .li1{width: 166px;text-align: center;}
.Record-code-ul li .li2{width: 350px;text-align: center;}
.Record-code-ul li .li3{width: 300px;text-align: center;}
.Record-code-ul li .li4{width: 120px;text-align: center;}
.Record-code-ul li .li5{width: 200px;text-align: center;}
.Record-code-ul-color1{color: #41eb8a !important;}
.Record-code-ul-color2{color: #f55038 !important;}

.norecord{border-top:1px solid #e5e5e5;line-height: 80px;height: 80px;text-align: center;color: #999;}

.m-footer {
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 12px;
    background:#2f2f2f;
    background-size: cover;
    text-align: center;position: relative;
}
.container {
    position: absolute;
    z-index: 9; width: 1170px;bottom: 20px;left: 50%;margin-left: -585px;
}

.container:after {
    clear: both;
}
.m-footer [class^="col-"] {
    margin-bottom: 20px;
}
.m-footer .container-box {
    margin: 0px auto;
}




